<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<div class="table-responsive">
    <table class="table table-bordered">
        <thead>
        <tr>
            <th class="text-center" >ID</th>
            <th class="text-center" width="20%">会员名称</th>
            <th class="text-center" width="15%">会员价格</th>
            <th class="text-center" width="10%">有效天数</th>
            <th class="text-center" width="10%">可售卖</th>
            <th class="text-center" width="25%">会员描述</th>
            <th class="text-center" width="5%">状态</th>
            <th class="text-center" width="10%">操作</th>
        </tr>
        </thead>
    </table>
    <div class="J_V_tabContent table-xScrollWrap">
        <table class="table table-bordered table-hover table-xs-content ">
            <tbody>
            <tr class="jqgfirstrow" role="row">
                <td role="gridcell"><div class="table-first-id">&nbsp;</div></td>
                <td role="gridcell" width="20%"></td>
                <td role="gridcell" width="15%"></td>
                <td role="gridcell" width="10%"></td>
                <td role="gridcell" width="10%"></td>
                <td role="gridcell" width="25%"></td>
                <td role="gridcell" width="5%"></td>
                <td role="gridcell" width="10%"></td>
            </tr>
            <tr th:if="!${#lists.isEmpty(dataMap['list'])}" th:each="member:${dataMap['list']}" th:attr="id=${member['id']}">
                <td class="text-center" th:text="${member['id']}"></td>
                <td class="text-center" th:text="${member['memberName']}"></td>
                <td class="text-center" th:text="${member['price']}"></td>
                <td class="text-center" th:text="${member['validDay']}+'天'"></td>
                <td class="text-center">
                    <span th:if="${member['memberType']}==1">是</span>
                    <span th:if="${member['memberType']}==2">否</span>
                </td>
                <td class="text-center"  th:text="${member['depict']}"></td>
                <td class="text-center" th:classappend="'userMemberStatus_'+${member['id']}">
                    <span th:if="${member['status']}==1"  class="label label-info">正常</span>
                    <span th:if="${member['status']}==2" class="label label-danger">停用</span>
                </td>
                <td class="text-center" >
                    <a th:href="@{/admin/user/cus/toSaveUserMemberPage?id={memberId}(memberId=${member['id']})}" class="c-master fs14 ml5" data-toggle="tooltip" data-placement="bottom" data-original-title="编辑"><i class="fa fa-edit"></i></a>
                    <a th:if="${member['status']}==1" href="javascript:void (0);" class="c-master fs14 ml5 deleUserMember"  th:attr="data-id=${member['id']}" data-status="2" data-toggle="tooltip" data-placement="bottom" data-original-title="停用"><i class="fa fa-unlock-alt"></i></a>
                    <a th:if="${member['status']}==2" href="javascript:void (0);" class="c-master fs14 ml5 deleUserMember"  th:attr="data-id=${member['id']}" data-status="1" data-toggle="tooltip" data-placement="bottom" data-original-title="恢复"><i class="fa fa-history"></i></a>
                </td>
            </tr>
            <tr th:if="${#lists.isEmpty(dataMap['list'])}">
                <td colspan="8" class="text-center">
                    <div class="noDataTipsBox">
                        <p><span class="c-4e fs16">亲，还没有数据~~~</span></p>
                    </div>
                </td>
            </tr >
            </tbody>
        </table>
    </div>
    <!-- 分页，开始 -->
    <div data-th-replace="layout/adminPage"></div>
    <!-- 分页，结束 -->
</div>